<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Home</title>
    <link rel="stylesheet" href="../css/public.css">
    <link rel="stylesheet" href="../css/contact.css">
    <script type="text/javascript"
        src="http://api.map.baidu.com/api?v=2.0&ak=A5j0zidDv3y1zNLNRFDIVGXSOOsUdoXX"></script>
</head>

<body>
    <!-- 导航栏 -->
    <header>
        <a href="#"><img src="../imgs/logo.jpg" class="logo"></a>
        <ul class="nav">
            <li><a href="../index.html">企业首页</a></li>
            <li><a href="about.html">关于我们</a></li>
            <li><a href="news_center.html">新闻中心</a></li>
            <li><a href="pro_center.html">产品中心</a></li>
            <li><a href="service.html">客户服务</a></li>
            <li class="nav_active"><a href="contact.html">联系我们</a></li>
        </ul>
    </header>

    <!-- 轮播banner -->
    <div class="banner">
        <!-- 图片 -->
        <div class="banner_box">
            <div class="banner_img show">
                <img src="../imgs/banner_01.jpg">
            </div>
            <div class="banner_img">
                <img src="../imgs/banner_02.jpg">
            </div>
            <div class="banner_img">
                <img src="../imgs/banner_03.jpg">
            </div>
        </div>
        <!-- 切图按钮 -->
        <div class="img_btn left_btn"><img src="../imgs/left_btn.png"></div>
        <div class="img_btn right_btn"><img src="../imgs/right_btn.png"></div>
    </div>

    <!-- 中间部分 -->
    <div class="mid">
        <!-- 左边导航 -->
        <div class="mid_left">
            <div class="top">
                <h3>CONTACT US</h3>
                <p>联系我们</p>
            </div>
            <div class="service_list">
                <p>Carefully Create</p>
                <p>And</p>
                <p>Elaborate Service</p>
                <hr>
                <p>精心创造 精心服务</p>
            </div>

            <!-- 搜索 -->
            <div class="search">
                <div class="top">
                    <h3>SEARCH</h3>
                    <p>搜索</p>
                </div>
                <div class="search_box">
                    <input type="text">
                    <img src="../imgs/search.png" alt="">
                </div>
            </div>
        </div>
        <!-- 右边内容-联系我们 -->
        <div class="mid_right_display">
            <div class="position_top">
                <p class="top_title"><span>联系我们</span>CONTACT US</p>
                <p class="position_tip">您当前位置>首页><span>联系我们</span></p>
            </div>
            <div class="contact_text">
                <div class="map_box" id="map">
                </div>

                <form action="#" class="message_box">
                    <h3>给我留言</h3>
                    <label>姓名：</label>
                    <input type="text">
                    <br>
                    <label>邮箱：</label>
                    <input type="email">
                    <br>
                    <label>留言：</label>
                    <textarea class="message"></textarea>
                    <br>
                    <input type="submit">
                    <input type="reset">
                </form>

                <div class="contact_box">
                    <h3>联系方式</h3>
                    <p>地址：广州市天河区大观南路26号（长胜商务大厦D栋）</p>
                    <p>手机：13838383438</p>
                    <p>QQ：823649334</p>
                    <p>邮箱：823649334@qq.com</p>
                </div>
            </div>

        </div>


    </div>
    <!-- 底部 -->
    <footer>
        <div class="footer_box">
            <div class="list">
                <ul>
                    <li><a href="#">关于我们</a></li>
                    <li><a href="#">公司简介</a></li>
                    <li><a href="#">企业文化</a></li>
                    <li><a href="#">企业荣誉</a></li>
                    <li><a href="#">资格认证</a></li>
                    <li><a href="#">研发生产</a></li>
                </ul>
            </div>

            <div class="list">
                <ul>
                    <li><a href="#">产品中心</a></li>
                    <li><a href="#">饮水机</a></li>
                    <li><a href="#">冰箱</a></li>
                    <li><a href="#">洗衣机</a></li>
                    <li><a href="#">空调</a></li>
                    <li><a href="#">其他产品</a></li>
                </ul>
            </div>

            <div class="list">
                <ul>
                    <li><a href="#">新闻中心</a></li>
                    <li><a href="#">最新动态</a></li>
                    <li><a href="#">行业新闻</a></li>
                    <li><a href="#">热点聚焦</a></li>
                    <!-- <li><a href="#">行业新闻</a></li>
                    <li><a href="#">热点聚焦</a></li> -->
                </ul>
            </div>

            <div class="list">
                <ul>
                    <li><a href="#">客户服务</a></li>
                    <li><a href="#">招商加盟</a></li>
                    <li><a href="#">购买流程</a></li>
                    <li><a href="#">售后服务</a></li>
                    <li><a href="#">技术支持</a></li>
                    <li><a href="#">常见问题</a></li>
                </ul>
            </div>

            <div class="list">
                <ul>
                    <li><a href="#">联系我们</a></li>
                    <li><a href="#">在线留言</a></li>
                    <li><a href="#">联系我们</a></li>
                </ul>
            </div>
            <div class="input_box">
                <input type="text" class="name" value="请输入您的姓名">
                <input type="text" class="phone" value="请输入您的联系方式">
                <textarea>请输入您的留言</textarea><br>
                <input type="button" value="提交">
            </div>
        </div>
        <hr>
        <p class="footer_text">Copyright02016WenCun.com A1l Rights Reserved
            Design by WenCun 粤ICP备13005446号-1</p>
    </footer>
    <script src="../js/banner.js"></script>
    <script src="../js/contact.js"></script>
</body>

</html>